<?php
$image_height = "110";
$image_width = "148";
$div_width = "148";
$div_height = "110";
?>

    <style>
    div.modcsvimg
    {
	border-color: #d3d3d3;
	border-style: solid ;
	border-width: 1px;
        width: <?php echo $div_width; ?>px;
        height: <?php echo $div_height; ?>px;
        line-height: <?php echo $div_height; ?>px;
        vertical-align: middle ;
	padding: 3px;
        -moz-border-radius:3px;  /* for Firefox */
        -webkit-border-radius:3px; /* for Webkit-Browsers */
        border-radius:3px; /* regular */
    }
    </style>





<div align="center"> <marquee  scrollamount="2" direction="up" loop="true" width="100%" height="400px">
<center> 

<?php

$scroll_videos = get_random_videos('10');
//echo count($scroll_videos);
//print_r($scroll_videos);
for ($i = 0; $i <= count($scroll_videos)-1; $i++) {
    echo "
        <center>
        <div class='modcsvimg'>
        <a href='index.php?page=video_player&video_id=".$scroll_videos[$i]['id']."'><img src='thumbnails/".$scroll_videos[$i]['image1']."' style='width:".$image_width."px; height=".$image_height."px;'></a>
        </div>
         ";
    echo "<a href='index.php?page=video_player&video_id=".$scroll_videos[$i]['id']."'>".$scroll_videos[$i]['name']."</a><br><br>
        </center>
        ";
}
?>
 
</center></marquee>
</div>